<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link href="css/icons-extra.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>
</head>
<body>
	<header id="js-header-bar" class="main-topbar mui-bar mui-bar-nav">
		<div id="js-address-selector" class="main-top-address mui-row">
			<div class="mui-col-xs-3">
				<span class="mui-icon mui-icon-location mui-pull-left"></span>
				<button id="js-btn-address-set" class="address-set-btn mui-btn mui-btn-link mui-pull-left">地址</button>
			</div>
			<div class="mui-col-xs-3" style="text-align: center;">
				<select class="mui-btn">
					<option value="item-0">▼市/县/区</option>
					<option value="item-1">北京市北京市北京市1</option>
					<option value="item-2">上海市</option>
					<option value="item-3">广州市</option>
					<option value="item-4">深圳市</option>
					<option value="item-5">其他</option>
				</select>
			</div>
			<div class="mui-col-xs-2">
				<select class="mui-btn">
					<option value="item-0">▼乡镇/街道</option>
					<option value="item-1">北京市北京市北京市2</option>
					<option value="item-2">上海市</option>
					<option value="item-3">广州市</option>
					<option value="item-4">深圳市</option>
					<option value="item-5">其他</option>
				</select>
			</div>
			<div class="mui-col-xs-2">
				<select class="mui-btn">
					<option value="item-0">▼村</option>
					<option value="item-1">北京市北京市北京市3</option>
					<option value="item-2">上海市</option>
					<option value="item-3">广州市</option>
					<option value="item-4">深圳市</option>
					<option value="item-5">其他</option>
				</select>
			</div>
			<div class="mui-col-xs-2">
				<select class="mui-btn">
					<option value="item-0">▼组</option>
					<option value="item-1">北京市北京市北京市4</option>
					<option value="item-2">上海市</option>
					<option value="item-3">广州市</option>
					<option value="item-4">深圳市</option>
					<option value="item-5">其他</option>
				</select>
			</div>
		</div>
		<div class="main-top-search">
			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></span>
			<input class="mui-input-clear search-input" placeholder="请输入产品名或分类">
			<span class="mui-icon mui-icon-search"></span>
			<span class="js-addrset-swtich mui-icon mui-icon-arrowdown mui-pull-right"></span>
			<span class="js-addrset-swtich mui-icon mui-icon-arrowup mui-pull-right"></span>
		</div>
	</header>
	<div id="js-fold-space" class="scroll-fix"></div>
	
	<div class="mui-content">
		<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
			<a class="mui-control-item mui-active" href="#mine-item-cart">我的购物车</a>
			<a class="mui-control-item" href="myorder.html">我的订单</a>
			<a class="mui-control-item" href="#mine-item-setting">设置</a>
		</div>
		<div>
			<div id="test"></div>
			<div id="mine-item-cart" class="mui-control-content mui-active">
				<ul class="mui-table-view product-list">
					<li class="mui-table-view-cell">
						<div class="mui-slider-handle">
							<a class="mui-pull-left" href="item/01.html">
								<img src="img/package/tc1.jpg">
							</a>
							<div class="mui-media-body product-list-info">
								名称：生日套餐<br />
								价格：<span id="realprice">10</span>元<br />
								数量：10
							</div>
						</div>
						
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-slider-handle">
							<a class="mui-pull-left" href="item/01.html">
								<img src="img/package/tc2.jpg">
							</a>
							<div class="mui-media-body product-list-info">
								名称：生日套餐<br />
								价格：<span id="realprice">10</span>元<br />
								数量：10
							</div>
						</div>
						
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-slider-handle">
							<a class="mui-pull-left" href="item/01.html">
								<img src="img/package/tc3.jpg">
							</a>
							<div class="mui-media-body product-list-info">
								名称：生日套餐<br />
								价格：<span id="realprice">10</span>元<br />
								数量：10
							</div>
						</div>
						
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-slider-handle">
							<a class="mui-pull-left" href="item/01.html">
								<img src="img/package/tc4.jpg">
							</a>
							<div class="mui-media-body product-list-info">
								名称：生日套餐<br />
								价格：<span id="realprice">10</span>元<br />
								数量：10
							</div>
						</div>
						
					</li>
					<li class="mui-table-view-cell">
						<div class="mui-slider-handle">
							<a class="mui-pull-left" href="item/01.html">
								<img src="img/package/tc1.jpg">
							</a>
							<div class="mui-media-body product-list-info">
								名称：生日套餐<br />
								价格：<span id="realprice">10</span>元<br />
								数量：10
							</div>
						</div>
						
					</li>
					<li class="mui-table-view-cell mui-media cart-summary">
						<h4>合计：<span>6</span>件，共<span>60</span>元</h4>
					</li>
					<li class="mui-table-view-cell"></li>
				</ul>
			</div>
		</div>
	</div>
    <!--
    	底部菜单栏
    -->
    <nav id="js-nav-bottom" class="mui-bar mui-bar-tab">
		<a class="mui-tab-item" href="index.html">
			<span class="mui-icon mui-icon-home"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item" href="mall.html">
			<span class="mui-icon mui-icon-pengyouquan"></span>
			<span class="mui-tab-label">商城</span>
		</a>
		<a class="mui-tab-item" href="service.html">
			<span class="mui-icon mui-icon-chatboxes"></span>
			<span class="mui-tab-label">客服</span>
		</a>
		<a class="mui-tab-item mui-active" href="mycart.html">
			<span class="mui-icon mui-icon-contact"><span class="mui-badge">9</span></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
	
    <script src="js/mui.min.js"></script>
    <script type="text/javascript" src="js/jquery-3.0.0.min.js" ></script>
    <script src="js/index.js"></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</body>
</html>